<div class="survey-container">
  <div class="survey-left">
    <div class="left-top " style=" width: 100%; height: 36%;">
      <div class="left-chart">
        <div class="chart-head">
          人员分布
        </div>
        <div style="height: calc(100% - 80px)">
          <div nz-col nzSpan="8" class="charts">
            <div echarts [options]="optionsFir" style="height: 90%;min-height: 190px"></div>
            <div style="height: 10%;min-height: 20px;text-align: center;color: #ccc;">
              人员分布饼图
            </div>
          </div>
        </div>
      </div>
      <div class="wether-con">
        <div class="left-wether" style=" height: 45%;
            margin-bottom: 29px;padding-top: 32px;
           padding-left: 39px;">
          <!-- <div class="chart-head">
                天气
              </div> -->
          <div class="wether-ctn">
            <iframe id="fancybox-frame" name="fancybox-frame1566291037146" width="100%" frameborder="0" scrolling="no"
              hspace="0" src="http://i.tianqi.com/index.php?c=code&a=getcode&id=35&h=200&w=230"></iframe>
          </div>

        </div>

        <div class="left-wether" style=" height: 45%;padding: 30px;padding-top: 42px; ">

          <div class="wether-ctn">
            <p><span  class="info" >现场总人数</span> <span class="num" >132人</span>
            </p>
          </div>

        </div>
      </div>
      <div class="wether-con">
        <div class="left-wether">
          <div class="chart-head">
            环境监测
          </div>
          <div class="e-ctn">
            <p style="border-bottom: 1px #ccc dotted"><span>PM2.5</span> <span style="float: right; ">146μg/m³</span>
            </p>
            <p style="border-bottom: 1px #ccc dotted"><span>PM10</span> <span
                style="float: right;border-bottom: 1px #ccc dotted">86μg/m³</span> </p>
            <p style="border-bottom: 1px #ccc dotted"><span>风速</span> <span
                style="float: right;border-bottom: 1px #ccc dotted">15m/s</span> </p>
            <p style="border-bottom: 1px #ccc dotted"><span>噪音</span> <span
                style="float: right;border-bottom: 1px #ccc dotted">83db</span> </p>
            <p style="border-bottom: 1px #ccc dotted"><span>湿度</span> <span
                style="float: right;border-bottom: 1px #ccc dotted">24%</span> </p>
          </div>
        </div>

      </div>

    </div>





    <div class="left-info">
      <div class="geography">
        <div class="content">
          <div class="content-head">
            地理信息
          </div>
          <div class="content-body">
            <abm-map #map (ready)="onReady($event)" style="height: 100%;"></abm-map>
          </div>
        </div>
      </div>
      <div class="personnel">
        <div class="personnel-head">
          人员列表
        </div>
        <div class="personnel-content">
          <div nz-row nzType="flex" nzJustify="space-between">
            <div nz-col nzSpan="12" class="personnels" *ngFor='let item of userLists'>
              <div class="left" [ngStyle]="item.style"></div>
              <div class="right">
                <div class="list">
                  {{item.name}}
                </div>
                <div class="list">
                  {{item.phoneNumber}}
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="survey-right">
    <div class="right-head">
      项目概况
    </div>
    <div class="right-body">
      <div class="img" [ngStyle]="projectInfo.img"></div>
      <div class="list">
        名称：{{projectInfo.name}}
      </div>
      <div class="list">
        编号：{{projectInfo.code}}
      </div>

      <div style="border:1px solid #ddd; width:100%;margin-top:20px;padding-bottom:20px;border-left: 0;border-right: 0">
        <div class="list">
          建设单位：{{projectInfo.companyName}}
        </div>
        <div class="list">
          联系人：{{projectInfo.companyLinkman}}
        </div>
        <div class="list">
          联系电话：{{projectInfo.companyLinkphone}}
        </div>
        <div class="list">
          联系地址：{{projectInfo.companyAddress}}
        </div>
      </div>
      <div class="list">
        状态：{{projectInfo.status|project:'status'}}
      </div>
      <div class="list">
        项目位置：{{projectInfo.address}}
      </div>
      <div class="list">
        所属机构：{{projectInfo.departName}}
      </div>
      <div class="list">
        投资总额：{{projectInfo.totalInCome || 0}}万
      </div>
      <div class="list">
        工期要求：{{projectInfo.takeLimit}}
      </div>
      <div class="list">
        类型：{{projectInfo.type|project:'type'}}
      </div>
      <div class="list">
        重点项目：{{projectInfo.isImportant|project:'is'}}
      </div>
      <div class="list">
        立项：{{projectInfo.isApprove|project:'is'}}
      </div>
      <div class="list">
        是否关注：{{projectInfo.mark|project:'is'}}
      </div>
      <div class="list">
        简介：{{projectInfo.description}}
      </div>
    </div>
  </div>
</div>